<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../../yl/index.css" />
    <link rel="stylesheet" href="../../yl/style.css" />
    <link rel="stylesheet" href="../../style/free.css" />
    <title>活动详情</title>
</head>

<body>
    <div id="app" class="flex flex-column" style="padding-bottom: 108rem;">
        <!--  -->
        <div class="m-3 rounded-lg">
            <span class="font-lg font-weight-bold">{{formData.Activity_Name}}</span>
        </div>
        <!--  -->
        <div class="mx-3 rounded-lg">
            <div class="border-bottom py-3 flex align-center justify-between">
                <span class="font font-weight-bold flex-shrink">报名开始时间：</span>
                <span class="font">{{formData.Registration_Start_Datetime}}</span>
            </div>
            <div class="border-bottom py-3 flex align-center justify-between">
                <span class="font font-weight-bold flex-shrink">活动结束时间：</span>
                <span class="font">{{formData.Registration_End_Datetime}}</span>
            </div>
            <div class="border-bottom py-3 flex align-center justify-between">
                <span class="font font-weight-bold flex-shrink">活动开始时间：</span>
                <span class="font">{{formData.Activity_Datetime}}</span>
            </div>
            <div class="border-bottom py-3 flex align-center justify-between">
                <span class="font font-weight-bold flex-shrink">活动结束时间：</span>
                <span class="font">{{formData.Activity_End_Datetime}}</span>
            </div>
            <div class="border-bottom py-3 flex align-center justify-between">
                <span class="font font-weight-bold flex-shrink">活动地点：</span>
                <span class="font">
                    <el-icon class="font flex-shrink">
                        <Location-Filled />
                    </el-icon>
                    {{formData.Activity_Location}}
                </span>
            </div>
            <div class="border-bottom py-3 flex align-center justify-between">
                <span class="font font-weight-bold flex-shrink">活动积分：</span>
                <span class="font">{{formData.Activity_Points}}</span>
            </div>
            <div class="py-3">
                <span class="font font-weight-bold flex-shrink">活动内容：</span>
                <span class="font">{{formData.Activity_Content}}</span>
            </div>
        </div>
        <div class="bg-white fixed-bottom shadow-lg">
            <div @click="handleSubmit" class="mx-2 my-1 flex p-2 bg-info justify-center rounded-circle" v-cloak>
                <span class="text-white">报名</span>
            </div>
        </div>
    </div>
    <script src="../../utils/utils.js"></script>
    <script src="../../utils/mixins.js"></script>
    <script src="../../config/config.js"></script>
    <script src="../../yl/vue.js"></script>
    <script src="../../yl/index.js"></script>
    <script src="../../yl/zh-cn.mjs"></script>
    <script src="../../yl/index.iife.min.js"></script>
    <script src="../../yl/jquery.min.js"></script>
    <script src="../../utils/jquery.cookie.js"></script>
    <script src="../../api/request.js"></script>
    <script src="../../utils/jweixin.js"></script>
    <script src="./js/detail.js"></script>
</body>

</html>